<!DOCTYPE html>
<html>
	<head>
		<style>
			li{
	float: left;
	list-style-type: none;
	border-right: 1px solid white;
}
a:link{ color: ghostwhite; background-color:#800080;display: block;text-decoration: none;}
a:hover{ color: ghostwhite; background-color: yellow;display: block;text-decoration: none;}
a:active{color: ghostwhite;background-color: yellow;display: block;text-decoration: none;}
a:visited{color: red;background-color:blueviolet;display: block;text-decoration: none;}
		</style>
		<meta charset="UTF-8">
		<title>使用无序标签完成作业</title>
		<link href="hw-ul.css" rel="stylesheet"/>
	</head>
	<body>
		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">用户管理</a></li>
			<li><a href="#">购物车</a></li>
			<li><a href="#">订单</a></li>
			<li><a href="#">退出</a></li>
		</ul>
	</body>
</html>